/* You can add global styles to this file, and also import other style files */
section pre {
  margin: 16px 0;
  padding: 16px;
  background-color: #F7F7F7;
  overflow: auto;
}

.test-col {
  width: 100%;
  height: 36px;
  background-color: #729ce8;
}

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, footer, header, nav, section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption, figure, main {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit;
  font-weight: bolder
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details, menu {
  display: block
}

summary {
  display: list-item
}

canvas {
  display: inline-block
}

[hidden], template {
  display: none
}

@font-face {
  font-family: Helvetica Neue For Number;
  src: local("Helvetica Neue");
  unicode-range: u+30 -39
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

*, :after, :before {
  box-sizing: border-box
}

body, html {
  width: 100%;
  height: 100%
}

body {
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(0, 0, 0, .65);
  background-color: #fff
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
  margin: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit
}

ol, ul {
  list-style: none
}

input::-ms-clear, input::-ms-reveal {
  display: none
}

::-moz-selection {
  background: #108ee9;
  color: #fff
}

::selection {
  background: #108ee9;
  color: #fff
}

h1, h2, h3, h4, h5, h6 {
  color: rgba(0, 0, 0, .85);
  font-weight: 500
}

a {
  color: #108ee9;
  background: transparent;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color .3s ease
}

a:focus {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip: ink
}

a:hover {
  color: #49a9ee
}

a:active {
  color: #0e77ca
}

a:active, a:hover {
  outline: 0;
  text-decoration: none
}

a[disabled] {
  color: rgba(0, 0, 0, .25);
  cursor: not-allowed;
  pointer-events: none
}

.ant-divider {
  margin: 0 6px;
  display: inline-block;
  height: 8px;
  width: 1px;
  background: #ccc
}

code, kbd, pre, samp {
  font-family: Consolas, Menlo, Courier, monospace
}

.clearfix {
  zoom: 1
}

.clearfix:after, .clearfix:before {
  content: " ";
  display: table
}

.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0
}

@font-face {
  font-family: anticon;
  src: url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot);
  src: url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.eot#iefix) format("embedded-opentype"), url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.woff) format("woff"), url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.ttf) format("truetype"), url(https://at.alicdn.com/t/font_zck90zmlh7hf47vi.svg#iconfont) format("svg")
}

.anticon {
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  line-height: 1;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.anticon:before {
  display: block;
  font-family: anticon !important
}

.anticon-step-forward:before {
  content: "\E600"
}

.anticon-step-backward:before {
  content: "\E601"
}

.anticon-forward:before {
  content: "\E602"
}

.anticon-backward:before {
  content: "\E603"
}

.anticon-caret-right:before {
  content: "\E604"
}

.anticon-caret-left:before {
  content: "\E605"
}

.anticon-caret-down:before {
  content: "\E606"
}

.anticon-caret-up:before {
  content: "\E607"
}

.anticon-caret-circle-right:before, .anticon-circle-right:before, .anticon-right-circle:before {
  content: "\E608"
}

.anticon-caret-circle-left:before, .anticon-circle-left:before, .anticon-left-circle:before {
  content: "\E609"
}

.anticon-caret-circle-up:before, .anticon-circle-up:before, .anticon-up-circle:before {
  content: "\E60A"
}

.anticon-caret-circle-down:before, .anticon-circle-down:before, .anticon-down-circle:before {
  content: "\E60B"
}

.anticon-right-circle-o:before {
  content: "\E60C"
}

.anticon-caret-circle-o-right:before, .anticon-circle-o-right:before {
  content: "\E60C"
}

.anticon-left-circle-o:before {
  content: "\E60D"
}

.anticon-caret-circle-o-left:before, .anticon-circle-o-left:before {
  content: "\E60D"
}

.anticon-up-circle-o:before {
  content: "\E60E"
}

.anticon-caret-circle-o-up:before, .anticon-circle-o-up:before {
  content: "\E60E"
}

.anticon-down-circle-o:before {
  content: "\E60F"
}

.anticon-caret-circle-o-down:before, .anticon-circle-o-down:before {
  content: "\E60F"
}

.anticon-verticle-left:before {
  content: "\E610"
}

.anticon-verticle-right:before {
  content: "\E611"
}

.anticon-rollback:before {
  content: "\E612"
}

.anticon-retweet:before {
  content: "\E613"
}

.anticon-shrink:before {
  content: "\E614"
}

.anticon-arrow-salt:before, .anticon-arrows-alt:before {
  content: "\E615"
}

.anticon-reload:before {
  content: "\E616"
}

.anticon-double-right:before {
  content: "\E617"
}

.anticon-double-left:before {
  content: "\E618"
}

.anticon-arrow-down:before {
  content: "\E619"
}

.anticon-arrow-up:before {
  content: "\E61A"
}

.anticon-arrow-right:before {
  content: "\E61B"
}

.anticon-arrow-left:before {
  content: "\E61C"
}

.anticon-down:before {
  content: "\E61D"
}

.anticon-up:before {
  content: "\E61E"
}

.anticon-right:before {
  content: "\E61F"
}

.anticon-left:before {
  content: "\E620"
}

.anticon-minus-square-o:before {
  content: "\E621"
}

.anticon-minus-circle:before {
  content: "\E622"
}

.anticon-minus-circle-o:before {
  content: "\E623"
}

.anticon-minus:before {
  content: "\E624"
}

.anticon-plus-circle-o:before {
  content: "\E625"
}

.anticon-plus-circle:before {
  content: "\E626"
}

.anticon-plus:before {
  content: "\E627"
}

.anticon-info-circle:before {
  content: "\E628"
}

.anticon-info-circle-o:before {
  content: "\E629"
}

.anticon-info:before {
  content: "\E62A"
}

.anticon-exclamation:before {
  content: "\E62B"
}

.anticon-exclamation-circle:before {
  content: "\E62C"
}

.anticon-exclamation-circle-o:before {
  content: "\E62D"
}

.anticon-close-circle:before, .anticon-cross-circle:before {
  content: "\E62E"
}

.anticon-close-circle-o:before, .anticon-cross-circle-o:before {
  content: "\E62F"
}

.anticon-check-circle:before {
  content: "\E630"
}

.anticon-check-circle-o:before {
  content: "\E631"
}

.anticon-check:before {
  content: "\E632"
}

.anticon-close:before, .anticon-cross:before {
  content: "\E633"
}

.anticon-customer-service:before, .anticon-customerservice:before {
  content: "\E634"
}

.anticon-credit-card:before {
  content: "\E635"
}

.anticon-code-o:before {
  content: "\E636"
}

.anticon-book:before {
  content: "\E637"
}

.anticon-bar-chart:before {
  content: "\E638"
}

.anticon-bars:before {
  content: "\E639"
}

.anticon-question:before {
  content: "\E63A"
}

.anticon-question-circle:before {
  content: "\E63B"
}

.anticon-question-circle-o:before {
  content: "\E63C"
}

.anticon-pause:before {
  content: "\E63D"
}

.anticon-pause-circle:before {
  content: "\E63E"
}

.anticon-pause-circle-o:before {
  content: "\E63F"
}

.anticon-clock-circle:before {
  content: "\E640"
}

.anticon-clock-circle-o:before {
  content: "\E641"
}

.anticon-swap:before {
  content: "\E642"
}

.anticon-swap-left:before {
  content: "\E643"
}

.anticon-swap-right:before {
  content: "\E644"
}

.anticon-plus-square-o:before {
  content: "\E645"
}

.anticon-frown-circle:before, .anticon-frown:before {
  content: "\E646"
}

.anticon-ellipsis:before {
  content: "\E647"
}

.anticon-copy:before {
  content: "\E648"
}

.anticon-menu-fold:before {
  content: "\E658"
}

.anticon-mail:before {
  content: "\E659"
}

.anticon-logout:before {
  content: "\E65A"
}

.anticon-link:before {
  content: "\E65B"
}

.anticon-area-chart:before {
  content: "\E65C"
}

.anticon-line-chart:before {
  content: "\E65D"
}

.anticon-home:before {
  content: "\E65E"
}

.anticon-laptop:before {
  content: "\E65F"
}

.anticon-star:before {
  content: "\E660"
}

.anticon-star-o:before {
  content: "\E661"
}

.anticon-folder:before {
  content: "\E662"
}

.anticon-filter:before {
  content: "\E663"
}

.anticon-file:before {
  content: "\E664"
}

.anticon-exception:before {
  content: "\E665"
}

.anticon-meh-circle:before, .anticon-meh:before {
  content: "\E666"
}

.anticon-meh-o:before {
  content: "\E667"
}

.anticon-shopping-cart:before {
  content: "\E668"
}

.anticon-save:before {
  content: "\E669"
}

.anticon-user:before {
  content: "\E66A"
}

.anticon-video-camera:before {
  content: "\E66B"
}

.anticon-to-top:before {
  content: "\E66C"
}

.anticon-team:before {
  content: "\E66D"
}

.anticon-tablet:before {
  content: "\E66E"
}

.anticon-solution:before {
  content: "\E66F"
}

.anticon-search:before {
  content: "\E670"
}

.anticon-share-alt:before {
  content: "\E671"
}

.anticon-setting:before {
  content: "\E672"
}

.anticon-poweroff:before {
  content: "\E6D5"
}

.anticon-picture:before {
  content: "\E674"
}

.anticon-phone:before {
  content: "\E675"
}

.anticon-paper-clip:before {
  content: "\E676"
}

.anticon-notification:before {
  content: "\E677"
}

.anticon-mobile:before {
  content: "\E678"
}

.anticon-menu-unfold:before {
  content: "\E679"
}

.anticon-inbox:before {
  content: "\E67A"
}

.anticon-lock:before {
  content: "\E67B"
}

.anticon-qrcode:before {
  content: "\E67C"
}

.anticon-play-circle:before {
  content: "\E6D0"
}

.anticon-play-circle-o:before {
  content: "\E6D1"
}

.anticon-tag:before {
  content: "\E6D2"
}

.anticon-tag-o:before {
  content: "\E6D3"
}

.anticon-tags:before {
  content: "\E67D"
}

.anticon-tags-o:before {
  content: "\E67E"
}

.anticon-cloud-o:before {
  content: "\E67F"
}

.anticon-cloud:before {
  content: "\E680"
}

.anticon-cloud-upload:before {
  content: "\E681"
}

.anticon-cloud-download:before {
  content: "\E682"
}

.anticon-cloud-download-o:before {
  content: "\E683"
}

.anticon-cloud-upload-o:before {
  content: "\E684"
}

.anticon-environment:before {
  content: "\E685"
}

.anticon-environment-o:before {
  content: "\E686"
}

.anticon-eye:before {
  content: "\E687"
}

.anticon-eye-o:before {
  content: "\E688"
}

.anticon-camera:before {
  content: "\E689"
}

.anticon-camera-o:before {
  content: "\E68A"
}

.anticon-windows:before {
  content: "\E68B"
}

.anticon-apple:before {
  content: "\E68C"
}

.anticon-apple-o:before {
  content: "\E6D4"
}

.anticon-android:before {
  content: "\E938"
}

.anticon-android-o:before {
  content: "\E68D"
}

.anticon-aliwangwang:before {
  content: "\E68E"
}

.anticon-aliwangwang-o:before {
  content: "\E68F"
}

.anticon-export:before {
  content: "\E691"
}

.anticon-edit:before {
  content: "\E692"
}

.anticon-circle-down-o:before {
  content: "\E693"
}

.anticon-circle-down-:before {
  content: "\E694"
}

.anticon-appstore-o:before {
  content: "\E695"
}

.anticon-appstore:before {
  content: "\E696"
}

.anticon-scan:before {
  content: "\E697"
}

.anticon-file-text:before {
  content: "\E698"
}

.anticon-folder-open:before {
  content: "\E699"
}

.anticon-hdd:before {
  content: "\E69A"
}

.anticon-ie:before {
  content: "\E69B"
}

.anticon-file-jpg:before {
  content: "\E69C"
}

.anticon-like:before {
  content: "\E64C"
}

.anticon-like-o:before {
  content: "\E69D"
}

.anticon-dislike:before {
  content: "\E64B"
}

.anticon-dislike-o:before {
  content: "\E69E"
}

.anticon-delete:before {
  content: "\E69F"
}

.anticon-enter:before {
  content: "\E6A0"
}

.anticon-pushpin-o:before {
  content: "\E6A1"
}

.anticon-pushpin:before {
  content: "\E6A2"
}

.anticon-heart:before {
  content: "\E6A3"
}

.anticon-heart-o:before {
  content: "\E6A4"
}

.anticon-pay-circle:before {
  content: "\E6A5"
}

.anticon-pay-circle-o:before {
  content: "\E6A6"
}

.anticon-smile-circle:before, .anticon-smile:before {
  content: "\E6A7"
}

.anticon-smile-o:before {
  content: "\E6A8"
}

.anticon-frown-o:before {
  content: "\E6A9"
}

.anticon-calculator:before {
  content: "\E6AA"
}

.anticon-message:before {
  content: "\E6AB"
}

.anticon-chrome:before {
  content: "\E6AC"
}

.anticon-github:before {
  content: "\E6AD"
}

.anticon-file-unknown:before {
  content: "\E6AF"
}

.anticon-file-excel:before {
  content: "\E6B0"
}

.anticon-file-ppt:before {
  content: "\E6B1"
}

.anticon-file-word:before {
  content: "\E6B2"
}

.anticon-file-pdf:before {
  content: "\E6B3"
}

.anticon-desktop:before {
  content: "\E6B4"
}

.anticon-upload:before {
  content: "\E6B6"
}

.anticon-download:before {
  content: "\E6B7"
}

.anticon-pie-chart:before {
  content: "\E6B8"
}

.anticon-unlock:before {
  content: "\E6BA"
}

.anticon-calendar:before {
  content: "\E6BB"
}

.anticon-windows-o:before {
  content: "\E6BC"
}

.anticon-dot-chart:before {
  content: "\E6BD"
}

.anticon-bar-chart:before {
  content: "\E6BE"
}

.anticon-code:before {
  content: "\E6BF"
}

.anticon-api:before {
  content: "\E951"
}

.anticon-plus-square:before {
  content: "\E6C0"
}

.anticon-minus-square:before {
  content: "\E6C1"
}

.anticon-close-square:before {
  content: "\E6C2"
}

.anticon-close-square-o:before {
  content: "\E6C3"
}

.anticon-check-square:before {
  content: "\E6C4"
}

.anticon-check-square-o:before {
  content: "\E6C5"
}

.anticon-fast-backward:before {
  content: "\E6C6"
}

.anticon-fast-forward:before {
  content: "\E6C7"
}

.anticon-up-square:before {
  content: "\E6C8"
}

.anticon-down-square:before {
  content: "\E6C9"
}

.anticon-left-square:before {
  content: "\E6CA"
}

.anticon-right-square:before {
  content: "\E6CB"
}

.anticon-right-square-o:before {
  content: "\E6CC"
}

.anticon-left-square-o:before {
  content: "\E6CD"
}

.anticon-down-square-o:before {
  content: "\E6CE"
}

.anticon-up-square-o:before {
  content: "\E6CF"
}

.anticon-loading:before {
  content: "\E64D"
}

.anticon-loading-3-quarters:before {
  content: "\E6AE"
}

.anticon-bulb:before {
  content: "\E649"
}

.anticon-select:before {
  content: "\E64A"
}

.anticon-addfile:before, .anticon-file-add:before {
  content: "\E910"
}

.anticon-addfolder:before, .anticon-folder-add:before {
  content: "\E914"
}

.anticon-switcher:before {
  content: "\E913"
}

.anticon-rocket:before {
  content: "\E90F"
}

.anticon-dingding:before {
  content: "\E923"
}

.anticon-dingding-o:before {
  content: "\E925"
}

.anticon-bell:before {
  content: "\E64E"
}

.anticon-disconnect:before {
  content: "\E64F"
}

.anticon-database:before {
  content: "\E650"
}

.anticon-compass:before {
  content: "\E6DB"
}

.anticon-barcode:before {
  content: "\E652"
}

.anticon-hourglass:before {
  content: "\E653"
}

.anticon-key:before {
  content: "\E654"
}

.anticon-flag:before {
  content: "\E655"
}

.anticon-layout:before {
  content: "\E656"
}

.anticon-login:before {
  content: "\E657"
}

.anticon-printer:before {
  content: "\E673"
}

.anticon-sound:before {
  content: "\E6E9"
}

.anticon-usb:before {
  content: "\E6D7"
}

.anticon-skin:before {
  content: "\E6D8"
}

.anticon-tool:before {
  content: "\E6D9"
}

.anticon-sync:before {
  content: "\E6DA"
}

.anticon-wifi:before {
  content: "\E6D6"
}

.anticon-car:before {
  content: "\E6DC"
}

.anticon-copyright:before {
  content: "\E6DE"
}

.anticon-schedule:before {
  content: "\E6DF"
}

.anticon-user-add:before {
  content: "\E6ED"
}

.anticon-user-delete:before {
  content: "\E6E0"
}

.anticon-usergroup-add:before {
  content: "\E6DD"
}

.anticon-usergroup-delete:before {
  content: "\E6E1"
}

.anticon-man:before {
  content: "\E6E2"
}

.anticon-woman:before {
  content: "\E6EC"
}

.anticon-shop:before {
  content: "\E6E3"
}

.anticon-gift:before {
  content: "\E6E4"
}

.anticon-idcard:before {
  content: "\E6E5"
}

.anticon-medicine-box:before {
  content: "\E6E6"
}

.anticon-red-envelope:before {
  content: "\E6E7"
}

.anticon-coffee:before {
  content: "\E6E8"
}

.anticon-trademark:before {
  content: "\E651"
}

.anticon-safety:before {
  content: "\E6EA"
}

.anticon-wallet:before {
  content: "\E6EB"
}

.anticon-bank:before {
  content: "\E6EE"
}

.anticon-trophy:before {
  content: "\E6EF"
}

.anticon-contacts:before {
  content: "\E6F0"
}

.anticon-global:before {
  content: "\E6F1"
}

.anticon-shake:before {
  content: "\E94F"
}

.anticon-fork:before {
  content: "\E6F2"
}

.anticon-spin:before {
  display: inline-block;
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear
}

.fade-appear, .fade-enter, .fade-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.fade-appear.fade-appear-active, .fade-enter.fade-enter-active {
  -webkit-animation-name: antFadeIn;
  animation-name: antFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.fade-leave.fade-leave-active {
  -webkit-animation-name: antFadeOut;
  animation-name: antFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.fade-appear, .fade-enter {
  opacity: 0
}

.fade-appear, .fade-enter, .fade-leave {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}

@-webkit-keyframes antFadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes antFadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes antFadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes antFadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

.move-up-appear, .move-up-enter, .move-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active {
  -webkit-animation-name: antMoveUpIn;
  animation-name: antMoveUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.move-up-leave.move-up-leave-active {
  -webkit-animation-name: antMoveUpOut;
  animation-name: antMoveUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.move-up-appear, .move-up-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-up-leave {
  -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-down-appear, .move-down-enter, .move-down-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active {
  -webkit-animation-name: antMoveDownIn;
  animation-name: antMoveDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.move-down-leave.move-down-leave-active {
  -webkit-animation-name: antMoveDownOut;
  animation-name: antMoveDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.move-down-appear, .move-down-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-down-leave {
  -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-left-appear, .move-left-enter, .move-left-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active {
  -webkit-animation-name: antMoveLeftIn;
  animation-name: antMoveLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.move-left-leave.move-left-leave-active {
  -webkit-animation-name: antMoveLeftOut;
  animation-name: antMoveLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.move-left-appear, .move-left-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-left-leave {
  -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-right-appear, .move-right-enter, .move-right-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active {
  -webkit-animation-name: antMoveRightIn;
  animation-name: antMoveRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.move-right-leave.move-right-leave-active {
  -webkit-animation-name: antMoveRightOut;
  animation-name: antMoveRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.move-right-appear, .move-right-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-right-leave {
  -webkit-animation-timing-function: cubic-bezier(.6, .04, .98, .34);
  animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@-webkit-keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes antMoveDownIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@keyframes antMoveDownOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0
  }
}

@-webkit-keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes antMoveLeftIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
}

@keyframes antMoveLeftOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0
  }
}

@-webkit-keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes antMoveRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@-webkit-keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }
}

@keyframes antMoveRightOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0
  }
}

@-webkit-keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes antMoveUpIn {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
}

@keyframes antMoveUpOut {
  0% {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
  to {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0
  }
}

@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.slide-up-appear, .slide-up-enter, .slide-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.slide-up-appear, .slide-up-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-up-leave {
  -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-down-appear, .slide-down-enter, .slide-down-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.slide-down-appear, .slide-down-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-down-leave {
  -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-left-appear, .slide-left-enter, .slide-left-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active {
  -webkit-animation-name: antSlideLeftIn;
  animation-name: antSlideLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
  -webkit-animation-name: antSlideLeftOut;
  animation-name: antSlideLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.slide-left-appear, .slide-left-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-left-leave {
  -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-right-appear, .slide-right-enter, .slide-right-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active {
  -webkit-animation-name: antSlideRightIn;
  animation-name: antSlideRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
  -webkit-animation-name: antSlideRightOut;
  animation-name: antSlideRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.slide-right-appear, .slide-right-enter {
  opacity: 0;
  -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
  animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-right-leave {
  -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
  animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
}

@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
}

@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
}

@-webkit-keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
}

@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8)
  }
}

@-webkit-keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes antSlideLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@-webkit-keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
}

@keyframes antSlideLeftOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
}

@-webkit-keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes antSlideRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
  to {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@-webkit-keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
}

@keyframes antSlideRightOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8)
  }
}

.swing-appear, .swing-enter {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.swing-appear.swing-appear-active, .swing-enter.swing-enter-active {
  -webkit-animation-name: antSwingIn;
  animation-name: antSwingIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

@-webkit-keyframes antSwingIn {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }
}

@keyframes antSwingIn {
  0%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  20% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  40% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px)
  }
  80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px)
  }
}

.zoom-appear, .zoom-enter, .zoom-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active {
  -webkit-animation-name: antZoomIn;
  animation-name: antZoomIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-leave.zoom-leave-active {
  -webkit-animation-name: antZoomOut;
  animation-name: antZoomOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-appear, .zoom-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear, .zoom-big-enter, .zoom-big-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-big-appear, .zoom-big-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave {
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active {
  -webkit-animation-name: antZoomBigIn;
  animation-name: antZoomBigIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
  -webkit-animation-name: antZoomBigOut;
  animation-name: antZoomBigOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-big-fast-appear, .zoom-big-fast-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear, .zoom-up-enter, .zoom-up-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active {
  -webkit-animation-name: antZoomUpIn;
  animation-name: antZoomUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
  -webkit-animation-name: antZoomUpOut;
  animation-name: antZoomUpOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-up-appear, .zoom-up-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear, .zoom-down-enter, .zoom-down-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active {
  -webkit-animation-name: antZoomDownIn;
  animation-name: antZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
  -webkit-animation-name: antZoomDownOut;
  animation-name: antZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-down-appear, .zoom-down-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear, .zoom-left-enter, .zoom-left-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active {
  -webkit-animation-name: antZoomLeftIn;
  animation-name: antZoomLeftIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
  -webkit-animation-name: antZoomLeftOut;
  animation-name: antZoomLeftOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-left-appear, .zoom-left-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear, .zoom-right-enter, .zoom-right-leave {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active {
  -webkit-animation-name: antZoomRightIn;
  animation-name: antZoomRightIn;
  -webkit-animation-play-state: running;
  animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
  -webkit-animation-name: antZoomRightOut;
  animation-name: antZoomRightOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  pointer-events: none
}

.zoom-right-appear, .zoom-right-enter {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation-timing-function: cubic-bezier(.08, .82, .17, 1);
  animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-leave {
  -webkit-animation-timing-function: cubic-bezier(.78, .14, .15, .86);
  animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@-webkit-keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
}

@keyframes antZoomOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
  }
}

@-webkit-keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomBigIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@keyframes antZoomBigOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@-webkit-keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@keyframes antZoomUpOut {
  0% {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@-webkit-keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomLeftIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@keyframes antZoomLeftOut {
  0% {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@-webkit-keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomRightIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@keyframes antZoomRightOut {
  0% {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@-webkit-keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes antZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
  to {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@-webkit-keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

@keyframes antZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  to {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8)
  }
}

.ant-motion-collapse {
  overflow: hidden
}

.ant-motion-collapse-active {
  transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
}

.nz-overlay-container {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 1000
}

.nz-overlay-backdrop {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
  opacity: 0
}

.nz-overlay-backdrop, .nz-overlay-pane {
  position: absolute;
  pointer-events: auto;
  z-index: 1000
}

.at-sidebar {
  display: inline-block;
  margin: 32px 0;
  padding: 0;
  color: #3F536E;
  background-color: #fff;
  z-index: 99
}

.at-container {
  position: relative;
  margin: 48px auto;
  width: 90%;
  background-color: #fff;
  box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5);
}

.at-nav {
  font-size: 14px
}

.at-nav__title {
  padding: 0 24px 8px;
  color: #8DABC4;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase
}

.at-nav__group {
  display: block;
  position: relative;
  padding: 6px 0 6px 24px;
  color: #2C405A;
  font-weight: normal
}

.at-nav__group:hover {
  color: #4F7DE2
}

.at-nav__group i {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -7px;
  color: #A8C6DF;
  font-size: 14px;
  transition: all .3s
}

.active .at-nav__group {
  font-weight: bold
}

.active .at-nav__group i {
  transform: rotate(-180deg)
}

.at-nav__items {
  margin: 0 0 32px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8
}

.at-nav__item {
  position: relative
}

.at-nav__child-items {
  display: none
}

.active .at-nav__child-items {
  display: block
}

.at-nav__page {
  display: block;
  position: relative;
  padding: 8px 24px;
  color: #3F536E;
  font-weight: normal;
  line-height: 1.5;
  cursor: pointer
}

.at-nav__page:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8
}

.at-nav__page:hover {
  color: #79A1EB;
  background-color: rgba(236, 242, 252, 0.25)
}

.at-nav__page.active, .at-nav__page.router-link-active {
  background-color: rgba(236, 242, 252, 0.2)
}

.at-nav__page.active:after, .at-nav__page.router-link-active:after {
  display: inline-block
}

.at-nav__page.active:hover, .at-nav__page.router-link-active:hover {
  color: #3F536E
}

.at-nav__component {
  display: block;
  position: relative;
  padding: 6px 24px 6px 32px;
  color: #616367;
  font-size: 14px
}

.at-nav__component:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  background: #6190E8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 0 12px 0 #6190E8
}

.at-nav__component:hover {
  color: #79A1EB;
  background-color: rgba(236, 242, 252, 0.25)
}

.at-nav__component.active, .at-nav__component.router-link-active {
  background-color: rgba(236, 242, 252, 0.2)
}

.at-nav__component.active:after, .at-nav__component.router-link-active:after {
  display: inline-block
}

.at-nav__component.active:hover, .at-nav__component.router-link-active:hover {
  color: #3F536E
}

.at-nav__component span {
  padding-left: 6px;
  font-size: 12px;
  opacity: 0.6
}

.at-nav__arrow {
  position: absolute;
  top: 18px;
  right: 12px;
  width: 16px;
  opacity: .25;
  margin: -4px 0 0
}

.active .at-nav__arrow {
  transform: rotate(180deg)
}

.at-nsc, .at-nsc:focus, .at-nsc:hover, .at-nsc:active, .at-nsc:visited {
  color: #fff
}

.page-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: transparent;
  transition: all .3s;
  z-index: 100
}

.page-header.collapse {
  background-color: #fff;
  box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.07);
  opacity: 0.98
}

.page-header.open {
  background-color: #fff
}

.nav-container {
  margin: 0 auto;
  width: 90%;
  color: #1D1D1F
}

.nav-container .nav-left {
  float: left
}

.nav-container .nav-left .logo {
  position: relative;
  height: 80px;
  line-height: 80px
}

.nav-container .nav-left .logo img {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px
}

.nav-container .nav-left .logo span {
  margin-left: 40px;
  color: #3473e7;
  font-weight: bold;
  font-size: 16px
}

.nav-container .nav-left .nav-icon {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  font-size: 20px
}

.nav-container .nav-right {
  float: right
}

.nav-container .nav-right .navbar {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 80px;
  font-size: 14px;
  line-height: 80px;
  list-style-type: none
}

.nav-container .nav-right .navbar a {
  display: inline-block;
  color: #1D1D1F
}

.nav-container .nav-right .navbar a::after {
  content: '';
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  background-color: #6190E8
}

.nav-container .nav-right .navbar a.router-link-active {
  color: #6190E8
}

.nav-container .nav-right .navbar a.router-link-active::after {
  display: inline-block
}

.nav-container .nav-right .navbar li {
  position: relative;
  display: inline-block;
  margin: 0 24px;
  cursor: pointer;
  transition: color .3s
}

.nav-container .nav-right .navbar li:hover {
  color: #6190E8
}

.nav-container .nav-right .navbar li:hover a {
  color: #6190E8
}

.nav-container .nav-right .navbar li.disabled {
  color: #C9C9C9;
  cursor: not-allowed
}

.nav-container .nav-right .btn-language {
  display: inline-block;
  margin: 0 24px;
  padding: 2px 12px;
  border: 1px solid #1D1D1F;
  border-radius: 2px;
  cursor: pointer;
  transition: color .3s, border .3s
}

.nav-container .nav-right .btn-language:hover {
  color: #6190E8;
  border-color: #6190E8
}

@media screen and (max-width: 767px) {
  .page-header {
    height: 60px
  }

  .page-header.open .nav-right {
    height: 220px
  }

  .nav-container {
    width: initial
  }

  .nav-container .nav-left {
    position: relative;
    margin: 0 20px;
    float: none;
    text-align: center
  }

  .nav-container .nav-left .logo {
    display: inline-block;
    height: 60px;
    line-height: 60px
  }

  .nav-container .nav-left .nav-icon {
    display: inline-block
  }

  .nav-container .nav-right {
    float: none;
    height: 0;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 60px 0 rgba(29, 29, 31, 0.07);
    transition: all .3s;
    overflow: hidden
  }

  .nav-container .nav-right .navbar {
    display: block;
    height: initial;
    line-height: 50px
  }

  .nav-container .nav-right .navbar li {
    display: block
  }

  .nav-container .nav-right .navbar a {
    width: 100%
  }

  .nav-container .nav-right .navbar a.router-link-active::after {
    display: none
  }

  .nav-container .nav-right .btn-language {
    margin: 16px
  }
}

.wrapper {
  background-color: #F8FAFF
}

.page-header {
  position: relative !important
}

.footer {
  box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.8)
}

.fade-enter-active {
  transition: opacity .3s ease-out
}

.fade-leave-active {
  transition: opacity .2s ease-out
}

.fade-enter, .fade-leave-active {
  opacity: 0
}

.bg-c-brand {
  background-color: #78A4F4
}

.bg-c-brand-light {
  background-color: #93b6f6
}

.bg-c-brand-dark {
  background-color: #729ce8
}

.at-container {
  position: relative;
  margin: 48px auto;
  width: 90%;
  background-color: #fff;
  box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5)
}

.at-markdown {
  padding: 32px 48px 48px !important;
}

.at-markdown img {
  vertical-align: middle
}

.at-markdown > section {
  margin: 0 auto
}

.at-markdown > section > h1, .at-markdown > section > h2, .at-markdown > section > h3, .at-markdown > section > h4 {
  margin: 16px 0;
  line-height: 1.5
}

.at-markdown > section > h1 {
  margin-top: 0;
  font-size: 24px
}

.at-markdown > section > h2, .at-markdown > section > h3 {
  margin-top: 24px
}

.at-markdown > section > hr {
  margin: 1.2em 0;
  border: 0;
  border-bottom: 1px solid #C5D9E8
}

.at-markdown > section > p {
  padding: 0;
  line-height: 1.7
}

.at-markdown > section > p + p {
  margin-top: 8px
}

.at-markdown > section code {
  padding: .3em .5em;
  font-size: .9em;
  vertical-align: middle;
  border: 1px solid #ECECEC;
  border-radius: 2px;
  background-color: #F7F7F7
}

.at-markdown > section pre {
  margin: 16px 0;
  padding: 16px;
  background-color: #F7F7F7;
  overflow: auto
}

.at-markdown > section pre code {
  padding: 0;
  font-size: 1em;
  border: none;
  border-radius: 0;
  background-color: transparent
}

.at-markdown > section > blockquote {
  margin: 16px 0;
  padding: 0 15px;
  color: #C9C9C9;
  border-left: 4px solid #ECECEC
}

.at-markdown > section > blockquote p {
  color: #9B9B9B
}

.at-markdown > section > ul {
  margin: 16px 0;
  padding-left: 24px;
  list-style: disc
}

.at-markdown > section > ul li {
  line-height: 1.8
}

.at-markdown > section > table {
  margin: 24px 0
}

.at-markdown table.table {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #5e6d82;
  font-size: 14px;
  border-collapse: collapse;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.at-markdown table.table th {
  text-align: left;
  border-top: 1px solid #f3f7fa;
  background-color: #FAFBFC
}

.at-markdown table.table td, .at-markdown table.table th {
  border-bottom: 1px solid #f3f7fa;
  padding: 10px 8px
}

.at-markdown table.table td:first-child, .at-markdown table.table th:first-child {
  padding-left: 10px
}

.at-component__container {
  margin: 16px 0
}

.at-component__sample {
  position: relative;
  padding: 32px;
  border: 1px solid #e2ecf4;
  border-radius: 4px 4px 0 0;
  background-color: #fff
}

.at-component__sample .demo-desc {
  margin: 8px 0;
  color: #8DABC4
}

.at-component__code {
  position: relative;
  border: 1px solid #e2ecf4;
  border-top: none
}

.at-component__code pre {
  margin: 0 !important
}

.at-component__code pre code {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  background: none;
  white-space: pre;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.at-component__code-toggle {
  display: block;
  padding: 8px 12px;
  color: #C5D9E8;
  font-size: 12px;
  text-align: center;
  background-color: #FAFBFC;
  cursor: pointer
}

.at-component-typo {
  margin-right: 10px;
  border: 1px solid #d6e4ef;
  border-radius: 4px
}

.at-component-typo__show {
  padding: 35px 20px;
  font-size: 34px
}

.at-component-typo__detail {
  font-size: 13px;
  color: #3F536E;
  padding: 10px 20px;
  border-top: 1px solid #d6e4ef
}

.at-component-typo__detail .note {
  color: #79879a
}

.at-component-typo-list {
  border: 1px solid #d6e4ef;
  border-radius: 4px;
  padding: 30px;
  line-height: 40px
}

.at-component-typo-list__item {
  border-bottom: 1px solid #e2ecf4
}

.at-component-typo-list__item .label {
  color: #C2ABC7
}

.at-component-typo-list__item .note {
  font-size: 14px
}

.at-resource {
  margin: 24px 0
}

.at-resource__item {
  display: inline-block;
  margin: 16px 32px 16px 0;
  width: 40%;
  height: 120px;
  max-width: 360px;
  min-width: 288px;
  border: 1px solid #e2ecf4;
  border-radius: 4px;
  overflow: hidden;
  transition: all .3s
}

.at-resource__item:hover {
  border-color: #f3f7fa;
  background-color: #fff;
  box-shadow: 0 4px 30px 0 rgba(223, 225, 230, 0.5)
}

.at-resource__item a {
  width: 100%;
  height: 100%;
  padding: 24px
}

.at-resource__item img {
  display: inline-block;
  width: 50px;
  vertical-align: middle
}

.at-resource__info {
  display: inline-block;
  vertical-align: middle;
  margin-left: 16px
}

.at-resource__info-title {
  display: block;
  color: #3F536E;
  font-size: 16px
}

.at-resource__info-desc {
  display: block;
  color: #B9B9B9;
  font-size: 12px
}

@media screen and (max-width: 767px) {
  .at-markdown {
    padding: 0 24px 32px
  }

  .at-component__sample {
    padding: 16px
  }
}

.btn-copy {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  -webkit-transition: all .3s;
  transition: all .3s
}

.btn-copy:hover {
  color: #6190E8;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  cursor: pointer
}

.at-component__code:hover .btn-copy {
  display: block;
  -webkit-animation: fadeIn .3s both;
  animation: fadeIn .3s both
}

.row + .row {
  margin-top: 8px;
}

.row .at-btn + .at-btn {
  margin-left: 8px;
}

/*.row {*/
/*background-color: #f2f8fe*/
/*}*/

.at-row {
  margin-bottom: 12px
}

.at-row:last-of-type {
  margin-bottom: 0
}

.at-box-row {
  height: 36px;
  border-radius: 8px
}

/**
highlight
 */

/*

Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/
pre {
  padding: 16px;
  background-color: #F7F7F7;
  overflow: auto;
}

.at-component__code > div > pre {
  padding: 16px;
  background-color: #F7F7F7;
  overflow: auto;
}

.hljs {
  overflow-x: auto;
  padding: 0.5em;
  color: #383a42;
  background: #fafafa;
}

.hljs-comment,
.hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #a626a4;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e45649;
}

.hljs-literal {
  color: #0184bb;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta-string {
  color: #50a14f;
}

.hljs-built_in,
.hljs-class .hljs-title {
  color: #c18401;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #986801;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #4078f2;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-link {
  text-decoration: underline;
}

.row .at-btn-group .at-btn {
  margin-left: 0;
}

.doc-code code {
  padding: .3em .5em;
  font-size: .9em;
  vertical-align: middle;
  border: 1px solid #ECECEC;
  border-radius: 2px;
  background-color: #F7F7F7;
}

doc-section h2, .at-markdown > section > h3 {
  margin-top: 24px;
  margin: 16px 0;
  line-height: 1.5;
}

doc-section table.table {
  display: block;
  width: 100%;
  background-color: #fff;
  color: #5e6d82;
  font-size: 14px;
  border-collapse: collapse;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

doc-section table {
  margin: 24px 0;
}

.component_item_span {
  padding-left: 6px;
  font-size: 12px;
  opacity: 0.6;
}

.input-demo {
  margin-top: 15px;
  display: block;
}

.at-component__sample hr {
  opacity: 0.1;
}

.footer {
  padding: 30px 0 30px;
  color: #6190E8;
  text-align: center;
  margin-top: 80px;
  background-color: #fff
}

.footer .container {
  position: relative;
  width: 90%
}

.footer-logo {
  margin: 10px 0 14px;
  width: 198px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: 100% auto
}

.footer-desc {
  text-align: left;
  font-size: 12px;
  color: #6190E8
}

.footer-copyright {
  letter-spacing: 1px;
  font-weight: 300
}

.footer-copyright a {
  color: #6190E8;
  text-decoration: none
}

.footer .github-logo {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 42px;
  height: 42px;
  background-repeat: no-repeat;
  transition: transform .3s
}

.footer .github-logo:hover {
  transform: scale(1.1)
}

.footer .github-logo a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-indent: -9999px
}

@media screen and (max-width: 767px) {
  .footer {
    padding: 20px 0
  }

  .footer-logo {
    margin: 8px 0;
    height: 20px;
    width: 100px
  }

  .footer-desc {
    font-size: 10px
  }

  .footer .github-logo {
    top: 0;
    right: 0
  }
}


